import layui from 'layui';
import Etable from './components/etable/etable'
import './App.css'

layui.define(['jquery', 'layer', 'form', 'laypage', 'element'], function(exports) {
    let $ = layui.jquery,
        layer = layui.layer,
        form = layui.form(),
        laypage = layui.laypage,
        element = layui.element();

    // $('#app').html('<div id="etable"></div>');

    $.fn.etable = function(initData) {
        const _this = this;
        const inputM = {
            selector: _this,
            laymodule: { //导入
                jq: $,
                layer: layer,
                form: form,
                laypage: laypage,
                element: element
            }
        };
        new Etable($.extend(true, {}, inputM, initData));
    };

    exports('etable', function(){
        alert('滚');
    });

    // $('#etable').etable({
    //     fit: true,
    //     url: "/spec/getSpecList.do", // 获取数据的地址
    //     Select: true,
    //     pagination: true, // 启动分页
    //     pageSize: 10, // 每页显示的记录数
    //     primary: 'id', // 数据表格主键(唯一标识)
    //     toolbar : {
    //         create: {
    //             show: true,
    //             name: 'create',
    //             list: ['name', 'description'],
    //         },
    //         update: {
    //             name: 'update',
    //             show: true,
    //             list: ['name', 'description'],
    //         },
    //         delete: {
    //             show: true,
    //             name: 'delete',
    //             title: '删除',
    //         }
    //     },
    //
    //     formatData(data) {
    //         // you code
    //         return data; // 改变数据结构
    //     },
    //     columns: [{
    //             selectbox: true,
    //             checkbox: false,
    //         },
    //         {
    //             field: 'id',
    //             title: 'id',
    //             width: '10%'
    //         },
    //         {
    //             field: 'name',
    //             title: '名字',
    //             width: '20%'
    //         },
    //         {
    //             field: 'createTime',
    //             title: '操作时间',
    //             width: '30%',
    //             formatter: function(event, value, row, index) {
    //                 return '<a class="layui-btn layui-btn-small layui-btn-normal btn-edit" data-id="' + row.specId + '">编辑</a>' +
    //                     '<a class="layui-btn layui-btn-small layui-btn-danger btn-edit" data-id="' + row.specId + '">删除</a>';
    //             }
    //         },
    //         {
    //             field: 'description',
    //             title: '操作描述',
    //             width: '40%',
    //             formatter: function(event, value, row, index) {
    //                 return '<a class="layui-btn layui-btn-small layui-btn-normal btn-edit" data-id="' + row.specId + '">编辑</a>' +
    //                     '<a class="layui-btn layui-btn-small layui-btn-danger btn-edit" data-id="' + row.specId + '">删除</a>';
    //             }
    //         }
    //     ]
    // });
});